<html>
<meta charset="UTF-8">
<base href="../">
<head>
    <title>鲁班兄弟商城首页</title>
    <!--公共css样式-->
    <link rel="stylesheet" type="text/css" href="css/public.css" />
    <!--重置样式-->
    <link rel="stylesheet" type="text/css" href="css/reset.css" />
    <!-- 首页 -->
    <link rel="stylesheet" href="css/index.css">
    <!-- 字体图标 -->
    <link rel="stylesheet" href="//at.alicdn.com/t/font_851025_wv9qhixdqf8.css">
    <link rel="shortcut icon" href="image/public/favicon.ico" type="image/x-icon">
</head>

<body>
    <div id="wrapper">
        <a name="top"></a>
        <!--首页头部 start-->
        <header id="header_index">
            <!--顶部 s-->
            <div class="top clearfix">
                <p class="fl inblock">
                    <a href="html/login_signUp.html">注册&登陆</a>&nbsp;&nbsp;
                    <!-- <a href="html/login_settl.html">登录</a>&nbsp;&nbsp;|&nbsp;&nbsp; -->
                    <!-- <a href="html/login_vip.html">VIP登录</a> -->
                </p>
                <p class="fr inblock icon">
                    <!-- <a href="html/shop_class.html">商家注入</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp; -->
                    <a href="html/order_info.html">我的订单</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
                    <a class="icon_1" href="html/shop_cart.html"><img src="image/public/cart.png" /><span>(0)</span></a>
                </p>
            </div>
            <!--顶部 e-->
            <!--导航-->
            <nav class="nav clearfix">
                <!--logo-->
                <div class="clearfix">
                    <div class="logo fl">
                        <a href="index.html"><img src="image/public/logo.png" title="" /></a>
                    </div>
                    <!--搜索框-->
                    <div class="searchBar fl">
                        <input type="text" placeholder="search" />
                        <input type="image" src="image/public/search.png" onclick="window.open('./html/search.html')" />
                    </div>
                </div>
                <p class="search_histry">
                    <a href="">地板</a>&nbsp;|
                    <a href="">地板</a>&nbsp;|
                    <a href="">地板</a>&nbsp;|
                    <a href="">地板</a>&nbsp;|
                    <!-- old code -->
                    <!-- <a href="">地板</a>&nbsp;|
                    <a href="">地板</a> -->
                </p>
            </nav>
            <!--导航  e-->
        </header>
        <!--首页头部 end-->

        <!-- 左侧导航栏s -->
        <dl class="nav-left">
            <a href="./html/commodity_info.html"><dt>英语四六级</dt></a>
            <a href="./html/commodity_info1.html"><dt>计算机二级</dt></a>
            <a href="./html/commodity_info2.html"><dt>初级会计师</dt></a>
            <a href="./html/commodity_info3.html"><dt>金融债券证</dt></a>
        </dl>


        <!-- 左侧导航栏e -->

        <!-- 最右侧导航栏个人信息 s -->

        <section id="personal_info">
            <div class="info">
                <div class="username">
                    <a href="html/login_settl.html">
                        <i class="iconfont icon-zhanghao"></i>
                        <p>账号</p>
                    </a>
                    <span>您需要
                        <a href="html/login_settl.html">登录</a>
                    </span>
                </div>
                <div class="brand">
                    <a href="">
                        <i class="iconfont icon-aixin"></i>
                        <p>品牌</p>
                    </a>
                    <span>查看您的品牌
                        <a href="html/shop_class.html">品牌</a>
                    </span>
                </div>
                <div class="collection">
                    <a href="">
                        <i class="iconfont icon-star"></i>
                        <p>收藏</p>
                    </a>
                    <span>查看您的
                        <a href="html/search.html">收藏</a>
                    </span>
                </div>
                <div class="browse">
                    <a href="html/address.html">
                        <i class="iconfont icon-icon12"></i>
                        <p>浏览</p>
                    </a>
                    <span>您的
                        <a href="html/address.html">浏览记录</a>
                    </span>
                </div>
                <div class="cart">
                    <a href="html/shop_cart.html">
                        <i class="iconfont icon-gwckong textOverflow4"></i>
                        <p>购</p>
                        <p>物</p>
                        <p>车</p>
                        <p style="color:#de0202;">( 0 )</p>
                    </a>
                    <span>前往您的
                        <a href="html/shop_cart.html">购物车</a>
                    </span>
                </div>
                <div class="feedback">
                    <a href="">
                        <i class="iconfont icon-fankui"></i>
                        <p>反馈</p>
                    </a>
                    <span>您的
                        <a href="">反馈意见</a>
                    </span>
                </div>
                <div class="top">
                    <a href="#top" title="回到顶部">
                        <i class="iconfont icon-jiantoushang"></i>
                        <p>TOP</p>
                    </a>
                </div>
            </div>
        </section>

        <!-- 最右侧导航栏个人信息 e-->


        <!-- 中间详情商品信息 s -->
        <div id="middle_detail">
            <section id="household">
                <table>
                    <tbody><tr valign="top">
                        <td rowspan="2" class="padding_no">
                            <div class="index-contant-first">
                                <div class="len">
                                    <a href="./html/commodity_info.html"><img src="./image/index/house_1.png"></a>
                                </div>
                                <h4>主标题主标题</h4>
                                <p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题 </p>
                            </div>
                        </td>
                        <td>
                            <div class="index-contant-second">
                                <div class="normal">
                                    <a href="./html/commodity_info.html"><img src="./image/index/house_2.png"></a>
                                </div>
                                <h4>主标题主标题</h4>
                                <p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题 </p>
                            </div>
                        </td>
                        <td colspan="2">
                            <div class="index-contant-third">
                                <div class="wid">
                                    <a href="./html/commodity_info.html"><img src="./image/index/house_3.png"></a>
                                </div>
                                <h4>主标题主标题</h4>
                                <p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题 </p>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="index-contant-second">
                                <div class="normal">
                                    <a href="./html/commodity_info.html"><img src="./image/index/house_4.png"></a>
                                </div>
                                <h4>主标题主标题</h4>
                                <p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题 </p>
                            </div>
                        </td>
                        <td rowspan="2">
                            <div class="index-contant-first">
                                <div class="len">
                                    <a href="./html/commodity_info.html"><img src="./image/index/house_5.png"></a>
                                </div>
                                <h4>主标题主标题</h4>
                                <p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题 </p>
                            </div>
                        </td>
                        <td>
                            <div class="index-contant-second">
                                <div class="normal">
                                    <a href="./html/commodity_info.html"><img src="./image/index/house_6.png"></a>
                                </div>
                                <h4>主标题主标题</h4>
                                <p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题 </p>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" class="padding_no" style="padding-top:18px">
                            <div class="index-contant-third">
                                <div class="wid">
                                    <a href="./html/commodity_info.html"><img src="./image/index/house_7.png"></a>
                                </div>
                                <h4>主标题主标题</h4>
                                <p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题 </p>
                            </div>
                        </td>
                        <td style="padding-top:18px">
                            <div class="index-contant-second">
                                <div class="normal">
                                    <a href="./html/commodity_info.html"><img src="./image/index/house_8.png"></a>
                                </div>
                                <h4>主标题主标题</h4>
                                <p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题 </p>
                            </div>
                        </td>
                    </tr>
                </tbody></table>
            </section>
        </div>
        <!-- 品牌特卖 e-->

        <!--底部 s-->

        <footer class="footer">
            <div class="preferential clearfix">
                <ul>
                    <li>
                        <div>
                            <img src="image/public/you.png" />
                        </div>
                        <div>
                            <p>品质保障</p>
                            <p>品质保证 购物无忧</p>

                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="image/public/spacial.png" />
                        </div>
                        <div class="box_first">
                            <p>特色服务</p>
                            <p>针对户型 私人定制</p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="image/public/save.png" />
                        </div>
                        <div>
                            <p>全网最低</p>
                            <p>厂家直销 低价承诺</p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="image/public/help.png" />
                        </div>
                        <div>
                            <p>帮助中心</p>
                            <p>您的购物指南</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="info clearfix">
                <dl>
                    <dt>新手指南</dt>
                    <dd>新手指南</dd>
                    <dd>购物流程</dd>
                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd>支付宝</dd>
                    <dd>微信支付</dd>
                </dl>
                <dl>
                    <dt>物流配送</dt>
                    <dd>配送方式</dd>
                    <dd>服务流程</dd>
                </dl>
                <dl>
                    <dt>客服中心</dt>
                    <dd>在线客服</dd>
                    <dd>常见问题</dd>
                </dl>
                <div class="code fl">
                    <h2>扫一扫，关注鲁班兄弟</h2>
                    <span>
                        <img src="image/public/qr_code.png" />
                    </span>
                </div>
            </div>
            <p class="fot_bt">
                <span>Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035</span>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="">关于我们</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="">联系我们</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="">法律声明</a>
            </p>
        </footer>
    </div>

    <!--底部 e-->
</body>

</html>